<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<title>档案管理系统</title>	
		<link rel="stylesheet" href="skin/css/main.css">
		<link rel="stylesheet" href="skin/css/swiper.min.css">
		<script>	
		    (function () {
				var resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize';	
				var docEl = document.documentElement;
				function resizeFn() {	
					var docW = docEl.clientWidth;	
					if (docW > 750) {	
						docW = 750	
					}	
					docEl.style.fontSize = (docW * 100 / 750) + 'px';	
				}	
				resizeFn();	 	
				window.addEventListener(resizeEvt, resizeFn);	
			})();			
		</script>
	</head>
	<body>
	<div class="index_flash">
		<div class="swiper-container">
			<div class="swiper-wrapper">
			   <a href="###" title=""  class="swiper-slide">
				  <img src="skin/img/1.jpg" alt="" />
			   </a>
			   <a href="###" title=""  class="swiper-slide">
			   	<img src="skin/img/1.jpg" alt="" />
			   </a>
			   <a href="###" title=""  class="swiper-slide">
			   	<img src="skin/img/1.jpg" alt="" />
			   </a>
			   <a href="###" title=""  class="swiper-slide">
			   	<img src="skin/img/1.jpg" alt="" />
			   </a>
			</div>
		</div>
	</div>	
	<div class="list1">
		<h2>
			<div class="xian"></div>
			<div class="txt"><span>省内精选路线推荐</span></div>
		</h2>
		<div class="items">
			<a href="show.html" class="item">
				<div class="pic">
					<img src="skin/img/2.png" />
				</div>
				<div class="txt">亲子主题</div>
			</a>
			<a href="" class="item">
				<div class="pic">
					<img src="skin/img/2.png" />
				</div>
				<div class="txt">情侣蜜月主题</div>
			</a>
			<a href="" class="item">
				<div class="pic">
					<img src="skin/img/2.png" />
				</div>
				<div class="txt">高端定制主题</div>
			</a>
			<a href="" class="item">
				<div class="pic">
					<img src="skin/img/2.png" />
				</div>
				<div class="txt">环岛主题</div>
			</a>
			<a href="" class="item">
				<div class="pic">
					<img src="skin/img/2.png" />
				</div>
				<div class="txt">温泉主题</div>
			</a>
			<a href="" class="item">
				<div class="pic">
					<img src="skin/img/2.png" />
				</div>
				<div class="txt">特价主题</div>
			</a>
			<a href="" class="item">
				<div class="pic">
					<img src="skin/img/2.png" />
				</div>
				<div class="txt">扩展团建主题</div>
			</a>
			<a href="" class="item">
				<div class="pic">
					<img src="skin/img/2.png" />
				</div>
				<div class="txt">红色教育主题 </div>
			</a>
		</div>
	</div>
	<div class="ad1">
		<a href="###"><img src="skin/img/2.jpg" class="pic1"></a>
		<a href="###"><img src="skin/img/2.jpg" class="pic1"></a>
	</div>
	<div class="ad1">
		<a href="contact.html"><img src="skin/img/1.jpg" class="pic2"></a>
	</div>
	<a href="" class="bt" style="color: #ddd;">我要做一个一样的...</a>
	</body>
	<script src="skin/js/jquery-1.11.3.min.js"></script>
	<script src="skin/js/swiper.min.js"></script>
	<script>
		var swiper = new Swiper('.index_flash .swiper-container', {
		  spaceBetween: 30,
		  centeredSlides: true,
		  autoplay: {
			delay: 2500,
			disableOnInteraction: false,
		  },
		});	
	</script>
</html>
